.btn{
	min-width: 60*2rpx;
	text-align: center;
	font-size: 11px;
	padding: 7*2rpx 8*2rpx;
	border-radius: 3*2rpx;
	border: solid 1rpx #eaeaea;
	background: #fff;
	line-height: 1;
	&.btn-active{
		border-color: #28b1cd;
		color: #28b1cd;
	}
	&.btn-mini{
		display: inline-block;
	}
}

.wii-filter{
	overflow: hidden;
	.wii-filter-header{
		position: relative;
		z-index: 9;
		display: flex;
		padding: 25*2rpx 0 20*2rpx 0;
		font-size: 14px;
		background-color: #fff;
		.wii-filter-menus{
			flex: 1;
			>view{
				position: relative;
				float: left;
				width: 100/3%;
				text-align: center;
				&::after{
					display: none;
					content: '';
					position: absolute;
					bottom: -6*2rpx;
					left: 50%;
					transform: translate3d(-50%,0,0);
					width: 12*2rpx;
					height: 2*2rpx;
					background: #28b1cd;
				}
				&.active{
					&::after{
						display: block;
					}
				}
			}
		}
		.wii-filter-option{
			width: 56*2rpx;
		}
	}
	.wii-filter-box{
		position: absolute;
		background-color: #fff;
		width: 100%;
		transition: all 1s;
		transform: translate3d(0,-100%,0);
		z-index: 1;
		&.shown{
			transform: translate3d(0,0,0);
		}
	}
	.wii-filter-container{
		padding: 12*2rpx 20*2rpx;
		.filter-title{
			font-size: 12px;
			color: #777;
			margin-bottom: 10*2rpx;
		}
		.filter-menus{
			margin-bottom: 7*2rpx;//不准确要细调
			.btn{
				margin-right: 10*2rpx;
			}
		}
	}
	.wii-filter-buttons{
		display: flex;
		border-top: solid 1rpx #ededed;
		border-bottom: solid 1rpx #ededed;
		.btn{
			flex: 1;
			border: none;
			border-right: solid 1rpx #ededed;
			padding: 0;
			height: 47*2rpx;
			line-height: 47*2rpx;
		}
	}
}